JS - Element properties

The property sets or returns the value of the tabindex attribute of an element. The tabindex attribute specifies the tab order of an element, when the "tab" button is used for navigating.

element.tabIndex : returns the tabIndex property: the tab order of the element.

number : tab order of the element (1 is first). If the number is negative, the element is removed from the tab order.

Link 1

Link 2

Link 3

W3Schools
Google
Microsoft

The tab order of the first link is:

            <div>
                <p><a id="myAnchor1" href="https://www.w3schools.com">Link 1</a></p>
                <p><a id="myAnchor2" href="https://www.lwitters.com">Link 2</a></p>
                <p><a id="myAnchor3" href="https://www.wikipe4dio.org">Link 3</a></p>
    
                <a href="https://www.w3schools.com/" tabindex="2">W3Schools</a><br>
                <a href="http://www.google.com/" tabindex="1">Google</a><br>
                <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
                <p>The tab order of the first link is: <span id="prop"></span></p>
            </div>
            <script>
                document.getElementById("myAnchor1").tabIndex = "3";
                document.getElementById("myAnchor2").tabIndex = "2";
                document.getElementById("myAnchor3").tabIndex = "1";
                document.getElementById("myAnchor3").focus();
    
                let order = document.getElementsByTagName("A")[0].tabIndex;
                document.getElementById("prop").innerHTML = order;
            </script>

JS - element properties - tabindex

sets or returns the value of the tabindex attribute.